<!DOCTYPE html>
<html>
<head>
	<title>邮箱注册</title>
</head>
<style type="text/css">
	.box-outermost{
		width: 654px;
		height: 900px;
		border: 1px solid #ccc;
		margin: 0 auto;
	}
	.img{margin:0  auto;}
    .head{
    	width: 654px;
        height:25px;
        background-color:#00f; 
        color: #ffffff; 
        font-size: 14px;
        margin-top: 0px;
    }
    .logon-mode{
    	/*margin: 0 auto;*/
    	margin-top: 10px;
    	font-size: 15px;
    	margin-left: 70px;

    }
    .logon-mode ul{
       /* background-color: #ccc;*/
       line-height: 30px;
    	text-align: center;
    	height: 30px;
    	width: 120px;
    	border: 1px solid #000;
    	float: left;
    	display: block;
    	
       
    }
   /* .logon-mode ul li{
    	text-align: center;
    	list-style: none;
    }*/
    .logon-mode-one{
    	background-color:#00f; 
        color: #ffffff; 
    }
    .site/*-one*/{
    	margin: 0 auto;
    	margin-top: 50px;
    	display: block;
        position: absolute;
        margin-left: 70px;
    }
    .site-two{
    	margin-left:50px;
    	font-size: 6px;
    	color: #999;
    	margin-top: 0px;
    }
    .site-three{
    	margin-top: 30px;
        
    }
  /*.site-four{
  	margin-top: 20px;
  	/*display: block;
  	position: relative;
  	line-height: 50px;
  	text-align: center;
  }
  .img-2{
  	margin-right: 50px;
  	/*display: block;
  	position: absolute;

  }*/

</style>
<body>
	<div class="box-outermost">
		<p class="img"><img src="img/1.png"></p>
		<p class="head">欢迎注册无限容量网易邮箱！邮件地址可以登录使用其他网易旗下产品。</p>
		<div class="logon-mode">
		  <ul class="logon-mode-one">注册字母邮箱</ul>
		  <ul>注册手机号码邮箱</ul>
		  <ul>注册VIP邮箱</ul>
       </div>
       <div class="site">
        <ul class="site-one">
        	*邮箱地址&nbsp <input type="text" name=""> @ <select><option>163.com</option></select>
        	<p class="site-two">6~18个字符，可以使用字母、数字、下划线，需以字母开头</p>
       </ul>
       <ul class="site-three">
       	*密码&nbsp <input type="text" name="" style="100px;">
       	<p class="site-two">6~16个字符，区分大小写</p>
       </ul>
        <ul>
        	*确认密码&nbsp <input type="text" name="">
        	<p class="site-two">请再次填写密码</p>
        </ul>
        <ul>
        	*手机密码&nbsp <input type="text" name="">
        	<p class="site-two">忘记密码时，可以通过手机号码快速找回密码</p>
        </ul>
        <ul class="site-four">
        	*验证码&nbsp <input type="text" name=""><img src="img/2.jpg" class="img-2">
        	<p class="site-two">请填写图片中的字符，不区分大小写 &nbsp&nbsp&nbsp&nbsp<b style="color: #06c;">看不清楚？换一张</b></p>
        </ul>
        <ul>
        	<input type="button" name="" value="免费获取验证码" style="margin-left: 150px;">
        </ul>
        <ul>
        	*短信验证码&nbsp
        </ul>


       	
       </div>

	</div>

</body>
</html>